@charset "utf-8";
/*----------------------------网站首页-------------------------------*/
/*----------header---------*/
.header{position: fixed;z-index: 999;background-color: #22222299;width: 100%; display: flex;justify-content: center;}
.header-fix{width: 1200px;}
.header .logo{float: left;margin: 10px 0;}
.header .head-logo{display: block;}
.header .head-logo img{width: 144px; height: 55px;}
.header .head-logo-fix{display: none;}
.header .head-logo-fix img{width: 144px; height: 55px;}
/*nav*/
.nav{float: left;margin-left: 70px;}
.nav>ul>li{float: left;padding:20px 15px;position: relative;}
.nav>ul>li>a{color:#fff;font-size: 16px;padding:10px 0 11px 0;display: block;}
.nav>ul>li>a:hover{border-bottom: 1px solid #fff;padding:10px 0 10px 0;}
/*nav-ul*/
.nav>ul>li>ul{display: none; position: absolute;top: 82px;background-color: #fff;width: 150px;}
.nav>ul>li:hover ul{display: block;}
.nav>ul>li>ul li a{display: block; color:#333;padding:15px 0 15px 25px;font-size: 16px;color:#333;border-bottom: 1px solid #dee8ff;}
.nav>ul>li>ul li:last-child a{border-bottom: 0;}
.nav>ul>li>ul li a:hover{background-color:#dee8ff;}
/*search*/
.search{float: right;background-color: #fff;padding:4px 20px;margin-top: 22px;border-radius: 80px;border: 1px solid #cbcbcb;}
.search input{height: 20px;}
.search a{float: right;}
.search a img{width: 16px;height: 16px;}
/*fix*/
.fix{background-color: #fff;box-shadow:0 2px 8px #8c8c8c;}
.fix .head-logo{display: none;}
.fix .head-logo-fix{display: block;}
.fix .nav ul li a{color:#333;}
.fix .nav ul li a:hover{border-bottom: 1px solid #333;}